vue-cliVue 官方出品的快速构建单页应用的脚手架, 相当于 React 官方出品的 create-react-app , 下面演示 vue-cli 基本用法: 

 

1. 全局安装 vue-cli, 这里使用 cnpm 进行安装, 没有安装 cnpm 可是看: 这里

$ cnpm install -g vue-cli

 

2. 安装后, 我们使用下面的命令初始化一个 vue 项目, 执行期间一律按 回车

$ vue init webpack my-project

如果没有安装 webpack, 可以使用 cnpm 进行安装 

 

3. 完成后, 按照命令行里的提示, 我们需要切到 ./my-project 目录下, 然后加载依赖包: cnpm install

$ cd ./my-project 
$ cnpm install

注意, 这里使用 npm install 也是可以的, 但会很慢, 所以建议使用 cnpm

 

4. 运行 cnpm run dev 启动项目, 出现下面指示时, 表示已经启动成功.

$ cnpm run dev

 

5. 打开浏览器, 输入 localhost:8080 即可查看已启动的项目

 

发布评论
IT源码网

微信公众号号:IT虾米 (左侧二维码扫一扫)欢迎添加!

怎样解决在执行 vue init 时提示 "vue : 无法加载文件" 的问题讲解
你是第一个吃螃蟹的人
发表评论

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。