文章目录
1.下载node包
http://nodejs.cn/download/
根据自己的操作系统选择对应的包
2.安装node
3.选择安装路径
这个不是必选项,可以默认,默认的话在c盘,c盘可能需要管理员执行权限
4.查看是否安装成功
打开cmd命令窗口,验证是否安装成功
输入命令
node -v
出现版本号则说明安装成功
5.Vue配置
参考地址
https://cli.vuejs.org/guide/
cmd窗口中执行命令(当然你也可以使用cnpm或者配置淘宝镜像源)
1.安装脚手架
npm install -g @vue/cli
2.查看是否安装成功
安装成功后如下
3.查看版本号
输入vue命令查看版本号
vue -V
出现版本号说明安装成功
4.使用可视化页面创建vue项目
1.输入命令,打开vue脚手架提供的可视化操作页面,这个可以创建项目也可以用于导入依赖和插件等
vue ui
弹出脚手架的可视化页面
2.创建项目
现在就来创建一个vue项目吧
点击创建
3.配置项目信息
然后点击在此创建项目,输入项目信息
我这里选择手动创建
5.关闭代码检查
(非必选,你也可以保留,保留以后需严格代码规范,否则无法通过编译)
下一步,然后关闭Linter/Formatter代码检查
6.选择版本
更改vue版本为2.x(3的改动太大了,不熟)
7.预设
点击创建项目,这个弹框你看你要不要保存这次的项目设置,我一般不保存(创建项目,不保存预设)
页面底部显示创建成功
8.启动项目
好,找到刚刚创建项目的位置
在文件导航栏输入cmd
安装项目依赖
在命令窗口中输入
npm install
安装完成后输入启动命令
npm run serve
以上说明项目已经启动,复制地址到浏览器,访问成功