创建vue项目

1.首先要安装node.js。 node.js的官方地址为:https://nodejs.org/en/download/

   下载完毕,按照windows一般应用程序,一路next就可以安装成功。
    提示:尽量不要更改安装目录,不然后期创建文件时path会出现问题。
    安装完后,启动cmd 输入node -v,然后回车,如果出现node版本信息,则说明安装成功了。

2.安装淘宝镜像cnpm。

   安装命令为:npm install -g cnpm --registry=https://registry.npm.taobao.org  
   回车等待安装。

3.安装全局的vue-cli脚手架,用于帮助搭建所需的模板框架

    命令为:cnpm install -g vue-cli  回车等待安装。
    安装完后,可以输入vue,然后回车,如果出现vue的信息,则说明安装成功了。

5.创建项目

   输入命令 :vue init webpack newproject(项目文件夹名) ,回车等待安装。
   创建在自己想要的路径下:例如想新建文件夹在F盘的webEx下 
        c:\user/wj>F:
        F:\>cd webEx

在这里插入图片描述
7.相关目录下出现vue项目的文件夹

8.输入:cd newproject(文件名) 进入此文件夹,

9.在利用命令:cnpm install,回车,等待一小会儿,回到项目文件夹,会发现项目结构里,多了一个 node_modules文件夹(该文件里的内容就是之前安装的依赖)。

10.输入 cnpm run dev来测试环境是否搭建成功,浏览器将自动弹出主页面

11.也可在浏览器里输入localhost:8080就可以查看页面
端口地址在config下的index.html页面中。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值