vue环境安装

Posted 程序员同行者

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue环境安装相关的知识,希望对你有一定的参考价值。

node.js安装
https://nodejs.org/en/
cnpm安装
npm install -g cnpm --registry=https://registry.npm.taobao.org
cpnm全局安装vue-cli
cnpm install -g vue-cli
目录下创建一个基于 webpack 模板的新项目
vue init webpack my-first-project
设置项目名字、作者......
然后 cd my-first-project  进到项目目录里面,安装项目依赖
cnpm install
可以看到my-vue-project文件夹下多了一个node_modules文件
运行项目
使用命令npm run dev 运行项目

cnpm run dev

项目运行成功后浏览器访问地址

http://127.0.0.1:8080/

技术分享图片

以上是关于vue环境安装的主要内容,如果未能解决你的问题,请参考以下文章

VSCode自定义代码片段——.vue文件的模板

VSCode自定义代码片段(vue主模板)

VSCode自定义代码片段11——vue路由的配置

VSCode自定义代码片段11——vue路由的配置

VSCode自定义代码片段11——vue路由的配置

VSCode自定义代码片段2——.vue文件的模板