1. 安装node.js,同时会把npm也安装了

  2. 安装淘宝镜像,npm install -g cnpm --registry=https://registry.npm.taobao.org

  3. 安装webpack,cnpm install webpack -g

  4. 安装vue脚手架,npm install vue-cli -g

  5. 选择一个空白目录,shift加右键打开PowerShell窗口

  6. vue init webpack-simple 项目名

  7. 然后会有一些提示信息vue初始化、运行

  8. 根据提示执行3个命令即可运行起来,vue初始化、运行

  9. 注意:在 npm install 之后,出现这个提示表示成功。然后目录下会出现一个node_modules目录,下面会有很多安装的模块,一定要先确认这一步。vue初始化、运行

  10. 然后可以打开Atom导入这个项目进行后续的开发工作了。之前遇到过在Atom中执行npm install命令老是不成功,也不知道怎么回事。然后接着又遇到无法识别"cross-env"命令、无法识别“webpack-dev-server”命令等问题。最后删了项目目录从头来又成功了。

  11. 第三方组件安装
    - vue-router: npm install vue-router -d
    - element-ui: npm install element-ui –d
    - axios: npm install axios -d
    - vue-axios: npm install vue-axios –d
    - qs: npm install qs –d
    - vuex: npm install vuex –d

相关文章: