vue-cli创建vue.js项目并添加git版本控制

查看更多资源

第一步:全局安装vue-cli 

C:\Users\小羊先生>npm install vue-cli --global
npm WARN deprecated [email protected]: CoffeeScript on NPM has moved to "coffeescript" (no hyphen)
c:\web\nodejs\node_global\vue -> c:\web\nodejs\node_global\node_modules\vue-cli\bin\vue
c:\web\nodejs\node_global\vue-init -> c:\web\nodejs\node_global\node_modules\vue-cli\bin\vue-init
c:\web\nodejs\node_global\vue-list -> c:\web\nodejs\node_global\node_modules\vue-cli\bin\vue-list
+ [email protected]
added 8 packages, removed 20 packages and updated 55 packages in 128.369s

第二步:新建项目、初始化vue模板

C:\Users\小羊先生\Desktop>vue init webpack vuex-notes-example

? Project name vuex-notes-example
? Project description A Vue.js project
? Author guiyangyang 
? Vue build standalone
? Install vue-router? No
? Use ESLint to lint your code? Yes
? Pick an ESLint preset Standard
? Set up unit tests No
? Setup e2e tests with Nightwatch? No
? Should we run `npm install` for you after the project has been created? (recommended) npm

   vue-cli · Generated "vuex-notes-example".

第三步:安装依赖

C:\Users\小羊先生\Desktop>cd vuex-notes-example

C:\Users\小羊先生\Desktop\vuex-notes-example>npm install
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})

added 68 packages in 13.96s

第四步:运行项目

C:\Users\小羊先生\Desktop\vuex-notes-example>npm run dev

> [email protected] dev C:\Users\小羊先生\Desktop\vuex-notes-example
> webpack-dev-server --inline --progress --config build/webpack.dev.conf.js
 95% emitting
 DONE  Compiled successfully in 4897ms                                                                          11:50:59
 I  Your application is running here: http://localhost:8080

第五步:github新建远程仓库

vue-cli创建vue.js项目并添加git版本控制_第1张图片

 

第六步:项目初始化git,并提交至github

/*cmd*/
/* vuex-notes-example 项目目录下 依次输入*/
git init
git add .
git commit -m "first commit"
git remote add origin https://github.com/guiyangyang/vuex-notes-example.git
git push -u origin master

第七步:进行项目开发

vue-cli创建vue.js项目并添加git版本控制_第2张图片

vue-cli创建vue.js项目并添加git版本控制_第3张图片

更多资源 - 免费分享

 

你可能感兴趣的:(vue,进阶之旅)