- 当安装好node.js,并配置好环境变量后,安装cnpm: npm install -g cnpm --registry=https://registry.npm.taobao.org 安装vue: cnpm install vue -g 开始安装vue-cli脚手架构建工具:npm install vue-cli -g 注意,你都vue-cli版本要超过2,不让vue.config.js不生效
- 查看版本的各个命令:
cmd命令行中:
node -v
npm -v
cnpm -v
npm vue -v
vue -V
- 在目录上找一个文件夹放工程用的: cd 目录路径
- 安装vue脚手架输入:vue init webpack test ,注意这里的“test” 是项目的名称可以说是随便的起名,但是需要主要的是“不能用中文”。
- cd 命令进入创建的工程目录,首先cd test(这里是自己建工程的名字)
- 安装项目依赖:npm install,因为自动构建过程中已存在package.json文件,所以这里直接安装依赖就行
- 启动项目:npm run dev
- 访问 localhost:8080即可
![在这里插入图片描述](https://img-blog.csdnimg.cn/477b6e213ae74960985aea2f274a270f.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyODc0NjM1,size_16,color_FFFFFF,t_70#pic_center)
- 参考文章:地址
- 安装element: npm i element-ui -s