1. 下载并安装node.js LTS版本(不然创建vue-cli项目时会卡在输入项目名称那里下不去)
安装完后 node-v npm -v 检查是否安装好了
2. 安装vue-cli
直接安装:npm install -g vue-cli
镜像安装:npm install -g cnpm --registry=https://registry.npm.taobao.org
查看是否安装好了: cnpm -v
安装vue-cli: cnpm install -g vue-cli
安装失败:npm cache clean
(清理缓存,然后重新安装)
查看是否安装好: vue -V
3.创建一个项目
创建命令:vue init webpack Vue-Project
(exp: test) (ps:必须英文)
? Project name test // 项目名称
? Project description A Vue.js project // 项目描述
? Author limy // 项目作者
? Vue build standalone // 打包方式
? Install vue-router? Yes // 是否用路由
? Use ESLint to lint your code? Yes // 严格模式
? Pick an ESLint preset Standard // 选择一个ESLint预设的标准
? 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 // 加载依赖
ps: 如果没有最后一个选项 就进入项目里
执行安装依赖的命令:npm install
或者 cnpm install
创建成功后,输入网址就可以看到项目主页了
image.png
image.png
网友评论