下载安装Node.js(为了使用npm功能)
记得选择add to path
查看node版本
node -v
查看npm版本
npm -v
安装cnpm (阿里的npm)
https://npm.taobao.org/
npm install -g cnpm --registry=https://registry.npm.taobao.org
如果出现错误
解决方法:
1.以管理员身份运行power shell
2.输入set-ExecutionPolicy RemoteSigned
然后输入A 回车
安装vue
cnpm install vue
vscode控制台安装
安装cli
cnpm install --global vue-cli
搭建webpack模板结构自定义项目名
vue init webpack my-project
/或者简单项目
vue init webpack-simple my-project
选项:
Project name:项目名称
Project description:项目描述
Author:作者
Install vue-router?是否安装vue的路由插件 --y
Use ESLint to lint your code?是否用 ESLint 来限制你的代码错误和风格 --y
setup unit tests ?是否需要安装单元测试工具 --y
Setup e2e tests with Nightwatch?是否安装 e2e 来进行用户行为模拟测试 --y
Should we run ` npm install ` for you after the project has been created?是否在我们的项目创建后运行 npm install --选第一个 --直接回车
开始搭建
安装依赖
cnpm install
搭建完成进入vueclitest目录
cd my-project
运行项目
npm run dev
cmd控制台安装
安装cli
cnpm install -g @vue/cli
跳转目录
d:
cd myvue
项目名
vue create hello
//网络不好有时需要选择y
根据提示cd hello 进入工程
npm run serve运行工程
(只有源码没有依赖时)
切换到该项目目录
cnpm install
(根据package.json导入依赖包)
导入其他依赖(axios)
cnpm install axios --save
导入element-ui
cnpm install element-ui --save