使用nodeJs自带的npm命令运行，node的版本需在6.0以上。
去nodejs官网下载即可，地址：http://nodejs.cn/中文网
安装webpack：
npm install webpack -g
如果已经安装过webpack的同学，可以忽略这个哦
安装vue脚手架:
npm install vue-cli -g
结果如下图
创建项目:
vue init webpack my-project <工程名字不能用中文，这里的my-project是工程名>
会出现如下图的一些设置，这里的Author我没有填写，这个可以填写的。
执行到这里，已经可以看到文件夹里面已经生成了项目目录了（如下图），接下来就是要安装依赖，运行项目了。
cd my-project
npm install
注意了：这里如果使用淘宝镜像去安装依赖的话，有可能会出问题，不过我目前暂时没有遇到……
npm run dev
在浏览器中输入框中的网址即可
使用 vue-cli 脚手架搭建项目：vue-cli是官方发布的 vue.js 项目脚手架，快速搭建 vue 项目...
本文主要内容基于 vue-cli 快速搭建 Vue 3.0 项目 快速搭建 Vue 3.0 项目 版本 升级vue...
vue项目搭建 vue项目快速搭建工具——vue-cli vue-cli是基于node环境的一个命令行工具。也就是...
1、快速搭建Vue-CLI： - -> 注意项目命名：vue-text,不能使用小驼峰形式； ...
vue-cli 是vue官方提供的快速搭建项目的工具，只是知道可以用vue-cli直接生成一个vue项目的架构，它...
使用vue-cli快速搭建项目 winpty vue.cmd create hello-world 选择 vue3...
我们在使用vue-cli搭建vuejs项目(Vuejs实例-01使用vue-cli脚手架搭建Vue.js项目)的时...
vue-cli 3.x 搭建项目
说明： 使用nodeJs自带的npm命令运行，node的版本需在6.0以上。 安装nodejs: 去nodejs官...
vue-cli用处：快速搭建项目component.vue 单文件组件 用来存放组件 是vue独有的，浏览器不加...
本文标题：vue-cli快速搭建项目
本文链接：https://www.haomeiwen.com/subject/kcjqhxtx.html
网友评论