码迷,mamicode.com
首页 > 其他好文 > 详细

vue-安装及新建一个项目

时间:2019-08-02 00:34:54      阅读:174      评论:0      收藏:0      [点我收藏+]

标签:cmd   镜像   一个   host   规则   ima   mic   cnpm   run   

1.首先我们需要安装node.js,下载地址是:https://nodejs.org/en/

技术图片

之后是node.js的正常安装步骤;

接着打开window+R输入cmd回车进入命令行模块

2.确认node.js是否安装,输入:node -v          (若回车后有返回版本号,则说明已安装,若没有返回,表示需要你去安装node.js)

3.接着输入:npm -v

4.接着安装webpack,输入:npm install -g webpack

5.接着使用淘宝镜像输入:npm install -g cnpm --registry=https://registry.npm.taobao.org

6.接着安装vue的脚手架工具 ,输入:npm install -g vue-cli

7.安装完成后开始创建项目:创建项目myvue01

   输入命令:vue init webpack myvue01

   此时会不断要你输入些东西,注意到Eslint那个选项是选择N(Eslint是语法规则和代码风格的检查工具,会自动检测当前项目的代码是否符合预设的规则,如果你的代码写得不符合预设的规则会报错),然后一直回车。

8.创建好项目之后,进入到该项目,然后执行命令运行项目输入:npm run dev   

 

二.举例:若是我在f盘创建了一个名叫my-vuedemo01的vue项目,我要怎么打开页面呢?以下流程是:

cmd 打开命令

显示:

技术图片

接着进入f盘:

技术图片

接着找到文件夹名称:

技术图片

接着执行运行:

技术图片

最后就在浏览器中打开“localhost.8080”:

技术图片

技术图片

 

vue-安装及新建一个项目

标签:cmd   镜像   一个   host   规则   ima   mic   cnpm   run   

原文地址:https://www.cnblogs.com/liuqingxia/p/11286089.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!