vue脚手架的创建
一、安装node环境
切换阿里云镜像
npm config set registry https://registry.npm.taobao.org
2、全局安装vue-cli和webpack
已经安装过node.js之后和淘宝镜像的话,vue的运行环境基本上就搭建好了,只需再安装全局的webpack(命令行:npm install webpack -g )和vue-cli脚手架工具(在命令行里输入:npm install -g vue-cli )就行了
- npm install --global @vue-cli 是 vue 3.x及更高版本的 手脚架
- npm install --global vue-cli 是 vue 2.x 的 手脚架(此文使用这个)
ps: 命令中的–global 可以更改成为–g
3、进入你的项目目录,创建一个基于 webpack 模板的新项目
vue init webpack vue_demo
连续四次回车,出现下面的
说明:
Vue build ==> 打包方式,回车即可;
Install vue-router ==> 是否要安装 vue-router,项目中肯定要使用到 所以Y 回车;
Use ESLint to lint your code ==> 是否需要 js 语法检测 目前我们不需要 所以 n 回车;
Set up unit tests ==> 是否安装 单元测试工具 目前我们不需要 所以 n 回车;
Setup e2e tests with Nightwatch ==> 是否需要 端到端测试工具 目前我们不需要 所以 n 回车;
③进入项目文件夹:cd mypro (cd + vue init webpack mypro 中的项目名字mypro),回车进入项目文件夹:
输入: npm install 初始化,安装依赖包node_modules
④安装完成后输入:npm run dev 运行就行了。