精华内容
参与话题
问答
  • vuejs安装

    千次阅读 2017-04-01 11:04:28
    一、安装nodejsnodejs的官方网站 二、安装cnpm,安装命令为,如下cnpm install -g cnpm --registry=https://registry.npm.taobao.org 三、设置环境变量(非常重要)说明:设置环境变量可以使得住任意目录下都可以...

    一、安装nodejs

    nodejs的官方网站
    

    二、安装cnpm,安装命令为,如下

    npm install -g cnpm –registry=https://registry.npm.taobao.org
    

    即可将npm指向国内镜像源,之后输入cnpm -v

    三、设置环境变量(非常重要)

    说明:设置环境变量可以使任意目录下都可以使用cnpm、vue等命令,而不需要输入全路径
    1、鼠标右键"此电脑",选择“属性”菜单,在弹出的“系统”对话框中左侧选择“高级系统设置”,弹出“系统属性”对话框
    
    2、修改用户变量PATH
    选中PATH,点击编辑,在已有的变量后面,加入英文的";",然后把“D:\Program Files\nodejs\node_global”加到后面
    

    四、设置global和cache路径

    建立“node_global”及“node_cache”两个文件夹。我们就在cmd中键入两行命令

    npm config set prefix "d:\Program Files\nodejs\node_global"
    npm config set cache "d:\Program Files\nodejs\node_cache"
    
    1、如果在安装过程中,出现一个现象就是:你的nodejs安装在D盘,但是你安装上面的node_global和node_cache时,
    提示operation not permitted你没有权限安装,是因为你没有用管理员的权限运行的cmd.exe,
    2、解决方法:到C:\Windows\System32目录下,找到CMD.exe以管理员的权限运行
    

    五、新建系统变量 “NODE_PATH”,在下面的系统变量中点击新建,弹出下框

    下面这一步非常关键,我们需要设置系统变量。进入我的电脑→属性→高级→环境变量。在系统变量下新建“NODE_PATH”,输入“D:\Program Files\nodejs\node_global\node_modules”

    2014.4.19新增:由于改变了module的默认地址,所以上面的用户变量都要跟着改变一下(用户变量”PATH”修改为“D:\Program Files\nodejs\node_global\”),要不使用module的时候会导致输入命令出现“xxx不是内部或外部命令,也不是可运行的程序或批处理文件”这个错误。

    变量名:NODE_PATH
    变量值:D:\Program Files\nodejs\node_global\node_modules
    

    六、安装bower, npm install bower -g; -g表示全局

    输入 node
    require('bower') 显示如下表示 安装成功!
    
    1、windows系统npm安装bower失败解决方案
    2、找到npm安装的文件夹下面,有个npmrc文件
    3、打开npmrc文件,添加 registry = http://registry.cnpmjs.org 语句,强制使用该镜像地址。
    

    六、用cnpm安装vue

    cnpm install vue -g
    或者
    npm install vue -g
    

    七、安装vue命令行工具

    cnpm install vue-cli -g
    或者
    npm install vue-cli -g
    

    八、创建工程

    1、用cd命令切换到你将要新建工程的目录,如:cd d:\vue
    2、创建一个基于 webpack 模板的新项目,工程名为mytest。
        vue init webpack mytest
    
    3、如果安装vue不是内部或外部命令
    4、搜索vue.cmd的位置,我的地址是:D:\Program Files\nodejs\node_global\
    5、搜索到这个批处理文件后把这个文件的路径加入Path中就行了
    

    九、定位到mytest的工程目录下

    cd mytest
    

    十、安装工程依赖的模块,这些模块将被安装在:mytest\node_module目录下,根据package.json的配置下载该项目的modules

    npm install
    

    十一、运行该项目,测试一下该项目是否能够正常工作,这种方式是用nodejs来启动。

    npm run dev
    
    1、如果出现:Listening at http://localhost:8080 安装成功!
    2、它会自动弹出运行一个vue的一个页面
    3、如果关闭cmd了,下次要运行,必须用cd命令切换到mytest当前目录下,再运行npm run dev才可以运行
    

    十二、有时我们的服务器并不一定是node,也许是IIS,这样我们就需要把工程构建出来,与IIS集成。构建该项目的命令如下

    npm run build   
    
    将dist文件夹拷贝出来,放到IIS的发布目录,在浏览器中输入IIS设置的本机ip和端口进行访问即可。Good Luck
    参考文档:http://www.cnblogs.com/ixxonline/p/6007885.html
    

    十三、安装项目依赖:安装 vue 路由模块vue-router和网络请求模块vue-resource

    进入该项目执行:npm install vue-router vue-resource --save
    

    十四、8080端口被占怎么解决,打开cmd运行命令

    1)输入  netstat   -ano|findstr  8080
        //说明:查看占用8080端口的进程
    2)  taskkill  /pid  6856  /f 
        //说明,运行windows自带taskkill命令,将上面显示的进程号,结束掉。
    
    展开全文
  • VueJs安装

    2019-05-30 15:17:06
    1.安装nodejs,自带npm环境。 地址:https://nodejs.org/en/download/,Node.js 历史版本下载地址:https://nodejs.org/dist/ 可自行选择适合自己操作系统的版本。 安装过程参见:...

    1.安装nodejs,自带npm环境。

    地址:https://nodejs.org/en/download/,Node.js 历史版本下载地址:https://nodejs.org/dist/  可自行选择适合自己操作系统的版本。

    安装过程参见:http://www.runoob.com/nodejs/nodejs-install-setup.html

    2.安装淘宝镜像。

    因国内访问国外链接速度过慢,建议将 npm 的注册表源设置为国内的镜像,可以大幅提升安装速度。

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

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

    注意=后面不能有空格,否则会报错。

    3.安装express(选择安装)。

    cnpm install -g express

    4.安装webpack 。

    cnpm install -g webpack

    5.安装vue。

    cnpm install vue

    6.安装 vue-cli。

    cnpm install -g vue-cli

    7.至此,已经完成环境搭建,可以开始项目初始化。

    在cmd里用cd命令跳转到指定地址,项目初始化命令:vue init webpack vue-projectname。projectname--项目文件夹的名称(名字不能用中文),这个vue-projectname文件夹会自动生成在你跳转到的工作目录中。

    注意:安装过程中,需要自行输入项目名称,描述,作者等等,即上图中的?后面的答案。

    8.cd到我们的项目文件夹d:\Vue\vue-test中,运行命令cnpm install 安装包。

    cnpm install

    9.测试项目是否安装成功。

    cnpm run dev

     

    10. 用运行出来的路径进行访问,出现以下页面,即安装成功

     

     

     

     

     

     

     

     

     

     

     

     

    展开全文
  • vuejs 安装

    千次阅读 2017-01-06 16:33:43
    安装 1、 安装nodejs  直接网上找下载就好 2、安装淘宝镜像  打开命令行 输入 npm install -g cnpm --registry= https://registry.npm.taobao.org1 3、安装webpack  cnpm install webpack -g 4、...

    安装

    1、 安装nodejs 
    直接网上找下载就好

    2、安装淘宝镜像 
    打开命令行 输入

    npm install -g cnpm --registry= https://registry.npm.taobao.org
    • 1

    3、安装webpack 
    cnpm install webpack -g

    4、在你想要新建项目的路径下新建文件夹 用于存放项目文件 
    cd 进入你的文件路径

    vue init webpack-simple 工程名字(名字不能用中文)
    • 1
    后面会有一些默认的设置 
    
    Target directory exists. Continue? (Y/n) 直接回车默认
            Project name (vue-test) 直接回车默认
            Project description (A Vue.js project) 直接回车默认
            Author 写你自己的名字
    • 1
    • 2
    • 3
    • 4

    5、完成以后 就会发现 你的文件夹里已经有了所需的文件 
    这里写图片描述

    6、安装npm 项目依赖 这一步会比较慢 因为文件很多

    npm install
    • 1

    7、运行你的项目

    npm run dev
    • 1

    到这里 你的基本安装以及搭建就算是完成了

    下面就写一些我在项目里遇到的一些需要文件的引入

    1、jQuery的导入 
    之前在和别人讨论的时候 他说vue不需要用jQuery 但是我们项目那边说要安装 所以我就安装了-_- 
    首先是命令行安装

    npm install jquery --save
    

    加入- -save 的意思就是保留到本地 
    然后再webpack.config.js 中 
    module.exports.plugins =中加入

    new webpack.optimize.CommonsChunkPlugin('common.js'),
        new webpack.ProvidePlugin({
          $: 'jquery',
          jquery: 'jquery'
        })
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6

    还有再要引用的js中加入

    import $ from 'jquery'
    window.$=$
    • 1
    • 2

    这样 jQuery就成功导入项目中了

    2、静态css以及js导入 
    静态css 导入就是在相应的.vue文件中import 
    例如

    @import './assets/css/global.css';
    • 1

    静态js在相应的js中require 还有这些js以及css要放在assets下面

    require('./assets/js/global.js')
    • 1

    3、vue-resource 导入 
    还有elementui导入方法都是一样 这里就医vue-resource为例

    npm install vue-resource --save
    • 1

    之后在需要导入的js中import还有use

    import VueResource from 'vue-resource'
    Vue.use(VueResource)
    展开全文
  • Vuejs安装

    2020-06-03 12:21:54
    安装下载 安装Vue方式有很多: 方式一:直接CDN引入 你可以选择引入开发环境版本还是生产环境版本 开发环境版本,包含了有帮助的命令行警告 生产环境版本,优化了尺寸和速度 方式二:下载和引入 开发环境:...

    使用一个框架,我们第一步要做什么呢?安装下载
    安装Vue方式有很多:

    方式一:直接CDN引入
    你可以选择引入开发环境版本还是生产环境版本
    开发环境版本,包含了有帮助的命令行警告

    生产环境版本,优化了尺寸和速度

    方式二:下载和引入
    开发环境:https://vuejs.org/js/vue.js
    生产环境:https://vuejs.org/js/vue.min.js

    在这里插入图片描述
    鼠标放在“开发版本”的按钮上点击右键另存为。

    方式三:NPM安装
    后续通过webpack和CLI的使用,我们使用该方式。

    展开全文
  • 本文为大家分享了vuejs安装教程,供大家参考,具体内容如下 1.安装nodejs,自带npm环境。 地址:https://nodejs.org/en/download/,Node.js 历史版本下载地址:https://nodejs.org/dist/ 可自行选择适合自己操作系统...
  • VueJS安装步骤

    2017-08-04 14:33:13
    VueJS Vue.js 不支持 IE8 及其以下版本,因为 Vue.js 使用了 IE8 不能实现的 ECMAScript 5 特性。 Vue.js 支持所有兼容 ECMAScript 5 的浏览器。 VueJS 独立版本(下载调用) 直接下载并用 标签引入,...
  • vuejs安装手记

    2019-01-17 23:32:22
    最近大厂好像要裁了PHP,加上vuejs那么火,就学一下吧,在安装vuejs那里卡了3天,好难受,今天终于搞好了,不说了,上步骤 1、安装下载工具:yum -y install wget 2、安装编译依赖:yum -y install gcc gcc-c++ ...
  • vuejs安装

    2018-08-15 18:02:03
    详情 https://www.cnblogs.com/riddly/p/7857710.html
  • VueJS安装到入门

    千次阅读 2017-07-29 09:56:59
    VueJS安装到入门 VueJS的学习入门篇可以参考慕课网学习视频http://www.imooc.com/learn/694,视频中详细介绍了具体的安装步骤,和一些入门的知识,在此我们列出具体的安装步骤: 1、安装nodejs,安装之后安装淘宝镜像...
  • Vuejs 安装与配置

    2017-08-08 10:34:00
    1.全局安装 vue-cli $ npm install --global vue-cli 2.创建一个基于 webpack 模板的新项目 $ vue init webpack my-project 3.安装依赖,走你 $ cd my-project $ npm install $ npm run dev 转载于:...
  • vuejs cli安装

    2017-06-09 15:54:16
    https://vuejs.org/2015/12/28/vue-cli/ ... 指令分析 ...npm install -g vue-cli 安装cli包 vue init webpack my-project (my-project为项目名称) cd my-project 进入你的项目目录 npm i
  • vuejs安装

    2018-08-01 08:48:40
    https://www.cnblogs.com/qdrw/articles/6380091.html
  • VueJs:安装

    2020-01-15 11:30:58
    1.直接CDN引入 可以选择引入开发环境版本还是生产环境版本。 <!-- 开发环境版本,包含了有帮助的命令和警告 --> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js">...script src="htt...
  • 一、简介 Vue.js 是什么 Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,并且非常容易学习,...
  • Vuejs2.9.6安装启动demo

    2019-01-14 22:17:00
    1、安装nodejs 参考:https://www.cnblogs.com/yominhi/p/7039795.html $ node -v v10.15.0 $ npm -v 6.4.1 2、全局安装vue-cli脚手架工具 npm install -g vue-cli $ vue -V 2.9.6 3、全局安装...
  • vuejs脚手架Node.js下载地址:第一步第二步第三步第四步配置环境变量第五步打开cmd第六步更改下载js库的镜像地址设置镜像地址命令:查看镜像地址第七步设置全局模块的环境变量如图创建按两个文件夹设置全局模块的...
  • 安装vuejs环境

    2019-01-08 22:20:14
    1、首先要安装nodejs,windows系统还要安装git,请在官网进行下载,这里不再多解释。 2、npm在国内环境下比较慢,这里推荐使用淘宝npm镜像 你可以使用我们定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 ...
  • 安装vuejs devtools

    2019-09-11 16:32:03
    devtools:指在chrome中的调试Vue工具 ... http://github.com/vuejs/vue-devtools 下载ZIP包 2.在vue-devtools-dev下执行cmd npm install -g cnpm --registry=https://registry.npm.taobao.org 3.cnpm i...
  • 1.安装服务 npm install --save axios vue-axios 2.在main.js import axios from 'axios' import VueAxios from 'vue-axios' Vue.use(VueAxios, axios) Vue.prototype.$http = axios 3.可以配...
  • Vuejs项目环境安装

    2019-07-25 21:11:38
    配置环境命令 安装Nodejs http://nodejs.cn/ 安装完成后,在cmd 中检测 node –v 测nodejs版本号,如下图: 检测npm 版本号 即 npm –v 需注意:开发不使用npm 使用的cnpm ...
  • webstorm安装vuejs插件

    万次阅读 2017-03-02 12:53:33
    webstorm安装vue插件
  • 要写一个基于vuejs的项目,首先安装vue~这个可以在安装nodejs时一并安装 一、安装nodejs 1.去nodejs官网对应下载合适的nodejs,然后安装 2.在菜单栏搜索cmd,右键以管理员身份打开必须是管理员身份 3.输入 ...

空空如也

1 2 3 4 5 ... 20
收藏数 2,527
精华内容 1,010
关键字:

vuejs安装

vue 订阅