vue 安装教程

摘要:
//网址:Www.blogs.com/miller-star/p/6394760.html1。安装node.js
vue 安装教程
 转自:https://www.cnblogs.com/miller-star/p/6394760.html

1.安装node.js(http://www.runoob.com/nodejs/nodejs-install-setup.html)

2.基于node.js,利用淘宝npm镜像安装相关依赖

 在cmd里直接输入:npm install -g cnpm –registry=https://registry.npm.taobao.org,回车,等待安装...

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

在cmd里 1)输入:cnpm install -g vue-cli,回车,等待安装...

            2).输入:vue,回车,若出现vue信息说明表示成功

4.创建项目

在cmd里输入:vue init webpack vue_test(项目文件夹名),回车,等待一小会儿,依次出现‘git’下的项,可按下图操作

vue 安装教程第1张

5.安装依赖

在cmd里  1).输入:cd vue_test(项目名),回车,进入到具体项目文件夹

             2).输入:npm install,回车,等待一小会儿

回到项目文件夹,会发现项目结构里,多了一个node_modules文件夹(该文件里的内容就是之前安装的依赖)

基于脚手架创建的默认项目结构如下图所示:

vue 安装教程第2张

6.测试环境是否搭建成功

方法1:在cmd里输入:npm run dev

方法2:在浏览里输入:localhost:8080(默认端口为8080)

运行起来后的效果如下图所示:

vue 安装教程第3张

 问题:

在安装过程中,你可能会遇到这个问题.

当我们运行某个项目是 会提示

复制代码
复制代码
> my-first-vue-project@1.0.0 dev C:UsersASUSmy-project
> node build/dev-server.js


To use this template, you must update following to modules:

  npm: 2.15.9 should be >= 3.0.0
复制代码
复制代码

这是只有升级npm

即是 :使用 npm -g install npm@3.0.0 (版本号2.9.1 可以根据已发布的版本随意升级或降级),获取最新版本的npm 文件

查看版本:

vue 安装教程第8张

这时在项目中进行  npm run dev 时还是会 提示

vue 安装教程第9张

因此还有一部关键的一步:

复制C:Users{你的Windows用户名}AppDataRoaming pm ode_modules pm下的文件到你的 NodeJS安装目录下的  ode_modules pm 中,覆盖掉原有的全部文件

最后运行  npm run  dev 成功运行

vue 安装教程第10张

免责声明:文章转载自《vue 安装教程》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇mssql性能优化Flash Builder 4.6/4.7 注释以及字体大小修改下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

工具篇01-代码扫描工具Gamma

1. Gamma简介 Gamma是由Acellere开发的智能软件分析平台。 它通过加快代码审查,支持开发人员和团队在更短的时间内构建更高质量的软件。 它会自动对代码中的热点进行优先级排序,并提供清晰的可视化效果。 凭借其多向量诊断技术,它可以分析多个镜头的软件,包括软件设计,使公司能够透明地管理和改进其软件质量。 2. Gamma使用教程 1)注册账号...

基于S3C2440的linux-3.6.6移植——LED驱动【转】

本文转载自:http://www.voidcn.com/blog/lqxandroid2012/article/p-625005.html 目前的linux版本的许多驱动都是基于设备模型,LED也不例外。 简单地说,设备模型就是系统认为所有的设备都是挂接在总线上的,而要使设备工作,就需要相应的驱动。设备模型会产生一个虚拟的文件系统——sysfs,它给用户提...

chown命令

chown将指定文件的拥有者改为指定的用户或组,用户可以是用户名或者用户ID;组可以是组名或者组ID;文件是以空格分开的要改变权限的文件列表,支持通配符。系统管理员经常使用chown命令,在将文件拷贝到另一个用户的名录下之后,让用户拥有使用该文件的权限。   1.命令格式:     chown [选项]... [所有者][:[组]] 文件...   2.命...

nodeJS从入门到进阶二(网络部分)

一、网络服务器 1、http状态码 1xx: 表示普通请求,没有特殊含义 2xx:请求成功 200:请求成功 3xx:表示重定向 301 永久重定向 302 临时重定向 303 使用缓存(服务器没有更新过) 4xx:无法访问 403:无法访问 404:资源找不到 5xx:服务器有错 500:服务器代码有错 502:网关或代理服务器出错 503:服...

查看loadrunner运行日志

查看loadrunner运行日志   日志分两种 1。在VUGEN中运行后的日志 2。在controller中运行后的日志日志设置分两步: 1。首先,在VUGEN或controller中run-time setting, 选中always send message, 再选择extended log-data returned by server.这...

Linux之vnc启动及异常处理

1)启动桌面1的服务 [root@testdb ~]# vncserver :1 New 'testdb:1 (root)' desktop is testdb:1 Starting applications specified in /root/.vnc/xstartup Log file is /root/.vnc/testdb:1.log 2)手工...