This project is an angular project to introduce myself.
This project utilized following technical sets:
Angular
Highcharts
CSS Grid/Flex Box
Responsive Web Page
Download VS Code, install beautify/prettier/theme-tinaciousDesign/vscode-icons/debug for chrome/live server extensions to VS Code.
Go to File > Preferences > Settings > Text Editor, check "Format on Save" option.
Install node/npm/git.
run git config --global user.email "[email protected]"
run git config --global user.name "Your Name"
Run npm install -g @angular/cli
, to install angular cli on your system.
Run ng new personSite
to create project.
Run npm install highcharts-angular --save
Run npm install highcharts --save
Run ng generate component component-name
to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module
.
Run git clone https://github.com/qunsheng/personalSite.git
Run npm install
Run ng serve
for a dev server. Navigate to http://localhost:4200/
. The app will automatically reload if you change any of the source files.
Run ng build
to build the project. The build artifacts will be stored in the dist/
directory. Use the --prod
flag for a production build.
web page available at https://elegant-torvalds-07f1ee.netlify.com