zoukankan      html  css  js  c++  java
  • VUE 安装

    一、安装nodejs ( npm集成在node)

          下载地址: https://nodejs.org/en/download/

           node -v 查看版本号

           npm -v  npm的版本信息

    二、安装淘宝镜像

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

    三、安装vue-cli 脚手架

          npm install -g vue-cli

          vue -V 查看vue是否安装成功

    四、创建项目

          vue init webpack demo1(初始化一个完整版的项目)

          

          Project name : 项目名称 ,如果不需要更改直接回车就可以了。注意:这里不能使用大写, 可使用中横线"-";
          Project description: 项目描述,默认为A Vue.js project,直接回车,不用编写。
          Author:项目作者,如果有配置git,会读取。
          Install vue-router? 是否安装vue的路由插件,我们这里需要安装,所以选择Y
          Use ESLint to lint your code? 是否用ESLint来限制你的代码错误和风格。规范代码,报错问题太多,不建议开启。
          setup unit tests with Karma + Mocha? 是否需要安装单元测试工具Karma+Mocha,可n
          Setup e2e tests with Nightwatch?是否安装e2e来进行用户行为模拟测试,可n
          

          安装成功。

          

          cd demo1 切换跳转到项目目录
          npm install  安装项目依赖(当下载其他模板时首先安装环境依赖,安装成功后目录下多出一个node_modules文件夹)

          npm run dev 运行目录

          访问地址:http://localhost:8081

    五、Vue 项目打包

          npm run build 项目打包

          运行中退出监听,可以直接Ctrl+C,选择Y。     

          参开网址:https://blog.csdn.net/m0_37479246/article/details/78836686

    安装脚手架时遇到的问题:

    系统 Windows10 提示:vue : 无法加载文件 C:UsersaminAppDataRoaming pmvue.ps1,因为在此系统上禁止运行脚本。

    解决方案:

    1. 打开系统Windows PowerShell ,以管理员身份运行
    2. 命令行输入 set-ExecutionPolicy RemoteSigned
    3. 选择Y或A即可

        

    我就是我,记性不好,那就用写的吧。
  • 相关阅读:
    git命令
    WPF让绑定支持表达式
    WPF多语言动态切换的一种方法
    C#监测系统事件,睡眠状态
    记一次渗透测试
    Relay
    ECShop相关漏洞复现/分析
    人工智能学习路线图
    抽奖算法
    关于微信开发的 appid,openid,unionid
  • 原文地址:https://www.cnblogs.com/rainy0496/p/15267395.html
Copyright © 2011-2022 走看看