0
点赞
收藏
分享

微信扫一扫

【1】用命令行搭建Vue项目


先安装Node.js
​​​http://nodejs.cn/download​​ 推荐国人安装淘宝npm镜像

npm install -g cnpm --registry=https://registry.npm.taobao.org

然后创建一个空文件夹,在资源管理器地址栏输入cmd,回车然后输入
 

cnpm install vue-cli -g

【1】用命令行搭建Vue项目_地址栏

vue init webpack projectName(您的项目名称)

【1】用命令行搭建Vue项目_资源管理器_02


大概会下载安装几分钟,直到出现就代表安装搭建成功了

【1】用命令行搭建Vue项目_资源管理器_03

找到对应的Vue目录(这里是projectName),里面大概会有这些文件

【1】用命令行搭建Vue项目_Vue_04

在资源管理器地址栏输入cmd,然后输入cnpm run dev

【1】用命令行搭建Vue项目_地址栏_05


【1】用命令行搭建Vue项目_Vue_06

直到出现

【1】用命令行搭建Vue项目_地址栏_07

复制http://localhost:8080即可访问vue项目了,大概是这样的界面

【1】用命令行搭建Vue项目_资源管理器_08

【提示】

如果遇到运行的时候报错提示:Use // eslint-disable-next-line to ignore the next line.
找到build/webpack.base.conf.js文件,找到这行代码注释掉就可以了!
//...(config.dev.useEslint ? [createLintingRule()] : []),

如何让命令自动运行并且在浏览器打开项目?
找到config/index.js修改其中的autoOpenBrowser为true,保存重新运行项目即可。


举报

相关推荐

0 条评论