Node.js和vue-cli构建vueJS基础项目
2018-11-02 16:26
846 查看
1、安装nodejs
2、安装vue-cli脚手架工具
npm install vue-li –g
安装完成之后,执行vue-V(大写V),如下图表示安装成功
3、在D盘下创建文件vueworks
4、利用webpack初始化项目
在vueworks路径下,使用 vue init webpack my-vue 命令创建名叫 my-vue 的项目
至此,我们用刚刚安装的 vue-cli 脚手架命令 vue ,初始化 init 一个以 webpack 为模板的名叫 my-vue 的项目。
5、cd my-vue 进入my-vue目录
执行下面两个命令
npm install //安装依赖包
npm run dev //以开发模式运行项目
如果出现如下图提示,则表示运行成功,可以打开浏览器输入以下的网址进行预览了
如果浏览器打开和我一样,则表示Node.js和vue-cli构建的项目已经完全没有问题了,你的第一个vue项目已经顺利跑起来了。
阅读更多
相关文章推荐
- Vue-cli构建项目, 组件中js代码引入图片路径问题
- 二、VueJs 填坑日记之基础项目构建
- VUE2.0的简单入门(一)-安装node.js环境搭建与项目构建
- Vue.js:使用vue-cli快速构建项目
- vue-cli构建vue项目
- vue-cli创建的项目不需要再创建webpack-config.js文件,因为已经配置过了
- Asp.net+Vue2构建简单记账WebApp之三(使用Vue-cli构建vue.js应用)
- Vue-cli3项目配置Vue.config.js实战记录
- vue-cli构建vue项目
- 在vue-cli项目中安装node-sass
- vue-cli构建项目
- 详解vue-cli构建项目反向代理配置
- Vue+Webpack+node构建web和App项目
- 使用vue-cli构建的项目不检查分号
- 使用node中的express解决vue-cli加载不到dev-server.js的问题
- vue-cli构建项目 npm run build打包后怎么在本地查看效果
- vue.js学习10之动手使用vue-cli搭建项目及生成的代码进行修改练手
- 如何Vue-cli开始使用在Vue.js项目中启动TDD(测试驱动开发)
- node.js 快速搭建vue项目
- vue-cli构建vue项目