搭建vue項目

1、下載及安裝node跟npm，安裝node的時候就安裝了npm，node下載地址：http://nodejs.cn/download/。使用node -v及npm -v查看版本。

2、下載及安裝git，git下載地址：https://git-scm.com/downloads。使用git --versioin查看版本。

3、進入要放置項目的路徑。運行命令mkdir 項目名 + cd 項目名 + npm init --yes。使得項目受node管理。

4、運行命令git init。使得項目受git管理。添加.gitignore文件(添加不須要上傳到遠程項目的目錄或者地址。寫法/目錄名，不加/表示文件的當前目錄，*.zip，**表示多級目錄，!文件名錶示不忽略這個文件)。

5、運行命令git add . + git commit -m "第一次提交" + git remote add origin 遠程地址 + git push -u origin master。能夠將本地代碼上傳到遠程的master分支。以後修改了代碼的話就正常提交就行。

5、運行命令npm install -D webpack。安裝webpack4+的時候，不單單須要安裝webpack，還須要安裝webpack-cli(npm install -D webpack-cli)，可使用在package.json的script。加webpack -v判斷webpack是否可使用。全局安裝的話，就能夠在外面判斷webpack是否可使用。

6、使用npm安裝模塊包的時候，--save-dev和-D都是表明安裝模塊到package.json的devDependencies中，開發環境須要的。可使用npm install(或者npm i)安裝模塊。--global和-g進行全局安裝。--save和-S安裝模塊到package.json的dependencies中，生成環境須要的。

7、添加webpack.config.js，.babelrc，.eslintrc.js，.eslintignore，.editorconfig文件。要使編輯器提示格式錯誤信息的話，要安裝並開啓eslint插件。假如.js文件提示了錯誤信息可是.vue文件沒有提示錯誤信息，那麼在編輯器的設置裏面查找eslint而後打開settings.json，添加"eslint.validate": [ "javascript", "vue" ]。

8、vue 跟 vue-template-compiler這兩個包的版本號要一致。

9、安裝package.json的依賴包

 

具體代碼見https://github.com/ShuLanHu/test-vue