用npm创建vue项目(vue2.0)
博客专区 > 壹毛 的博客 > 博客详情
用npm创建vue项目(vue2.0)
壹毛 发表于1年前
用npm创建vue项目(vue2.0)
  • 发表于 1年前
  • 阅读 257
  • 收藏 0
  • 点赞 1
  • 评论 0

腾讯云 技术升级10大核心产品年终让利>>>   

-- 安装nodejs

用命令行生成vue项目框架需要npm包管理器来安装,而npm又是在安装nodejs的时候同时安装的

安装命令行工具

npm install -g vue-cli

//使用淘宝的镜像可以这样写,国内的朋友可以用这个,速度很快。国外的如果没有翻墙估计会安装不成功。

npm install -g vue-cli --registry="https://registry.npm.taobao.org"

-g表示全局安装, vue-cli是模块,全局安装的模块可以在命令行直接使用.

安装完模块后,可以用vue --version 来查看vue的版本号

-- 创建项目框架

这里需要注意的是用vue不是用npm

vue init webpack my-project

创建一个基于"webpack"的项目,后面是项目名

注意红框的部分选择的是No

-- 安装依赖

生成了项目以后是不能直接运行的,现在很多项目都依赖许许多多的模块,需要逐一安装,

ctrl+c 停掉刚生成项目的命令,cd vue-project 进入项目跟目录, 用命令 npm install 安装

//可以使用淘宝镜像

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

当这个命令运行完成以后会多出一个node_modules文件夹,里面就是项目所需的所有依赖,

可以看到有很多模块,这些模块都是在package.json文件里定义好了的.

-- 运行测试

好了,依赖安装完成后就可以运行我们的项目了命令:

npm run dev

 

看到这样的输入项目就运行起来了,然后打开浏览器,输入地址 localhost:8080,

 

共有 人打赏支持
粉丝 0
博文 14
码字总数 1494
×
壹毛
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: